<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <meta http-equiv=content-type content="text/html; charset=utf-8" />
    <!-- #告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 宽度 初始比例1 最大比例1 禁止缩放 -->
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <!-- Styles -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <style type="text/css">
        *{margin:0;padding:0;list-style-type:none;}
        a,img{border:0;}
        body{font:12px/180% Arial, Helvetica, sans-serif, "微软雅黑";background-color: #0C5695;}
        .demo{margin:60px auto;width:720px;}
        .navbox{float:left;}
        ul.nav{width:200px;padding:60px 0 60px 0;background:url() no-repeat;}
        ul.nav li{margin:5px 0 0 0;}
        ul.nav li a{
            background:#cbcbcb url() no-repeat;color:#174867;padding:7px 15px 7px 15px;width:100px;display:block;text-decoration:none;
            -webkit-transition:all 0.3s ease-out;
            -moz-transition:all 0.3s ease-out;
            -o-transition:all 0.3s ease-out;
            -webkit-box-shadow:2px 2px 4px #888;
            -moz-box-shadow:2px 2px 4px #888;
            -o-box-shadow:2px 2px 4px #888;
        }
        ul.nav li a:hover{background:#ebebeb url() no-repeat;color:#67a5cd;padding:7px 15px 7px 30px;}

        .list-group-item {
            padding:5px;
        }
        .dis_block { display: block; }
        .dis_none {display: none;}
</style>
</head>
<body><!-- 
<div id="menu">
    <foreach name='auth_info_p' item='vop'>
        <ul class="menu_ul_p">
            <li>{$vop.auth_name}</li>
                <ul  class="menu_ul_s">
                    <foreach name='auth_info_s' item='vos'>
                        <if condition="$vop['auth_id'] eq $vos['auth_pid']">
                            <li class="menu-item"><a href="__MODULE__/{$vos.auth_c}/{$vos.auth_a}" target="right">{$vos.auth_name}</a></li>
                        </if>
                    </foreach>
                </ul>
        </ul>
    </foreach>
</div> -->
    <div class="col-lg-3 bs-docs-sidebar" style="padding-top:20px;">
        <div class="list-group">
            <foreach name='auth_info_p' item='vop'>
            <ul class="list-group-item active">
                <li class="menu_ul_p ">{$vop.auth_name}</li>
                <foreach name='auth_info_s' item='vos'>
                <if condition="$vop['auth_id'] eq $vos['auth_pid']">
                   <li><a href="__MODULE__/{$vos.auth_c}/{$vos.auth_a}" class="list-group-item  list-group-item-danger" style="padding-left:40px;" target="right">{$vos.auth_name}</a></li>
                </if>
                </foreach>
           </ul>
            </foreach>
        </div>  
        
    </div>
<script type="text/javascript">
    $(function(){
        $sib=$('.menu_ul_p');
        $sib.each(function(i,dom){
            (function(){
                $(dom).on('click',function(){
                    if($(dom).siblings().css('display')=='none'){
                        $(dom).siblings().slideDown('normal');
                    }else{
                        $(dom).siblings().slideUp('normal');
                    }
                });
            })(i)
        });

    });
</script>

</body>
</html>